<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:insert="~{ /common/common_header:: meta('本地视图配置')}"></div>
    <div th:insert="~{ /common/common_header:: base}"></div>
    <div th:insert="~{ /common/common_header:: table}"></div>
    <div th:insert="~{ /common/common_header:: editable}"></div>

</head>
<body>
<!--模态框loading-->
<div th:insert="~{ /common/common_loading:: loading}"></div>
<!--模态框loading-->
<!--顶部导航条(用户信息)-->
<div th:insert="~{ /common/common_bar:: navbar}"></div>
<!--顶部导航条(用户信息)-->
<!--主体-->
<div class="container-fluid ">
    <div class="row">
        <!--左侧导航栏-->
        <div th:insert="~{ /common/common_menu:: menus}"></div>
        <!--左侧导航栏-->

        <!--右侧主题部分 configEdit start-->
        <div class="col-xs-12 col-sm-9 col-lg-10" id="configEdit" style="display: inline-block">

            <!--通用的tab-->
            <div th:insert="~{ /common/common_tab::tab('本地关联视图')}"></div>
            <!--通用的tab-->

            <!--工具栏-->
            <div th:insert="~{ /common/common_bar:: toolbar('本地关联筛选')}"></div>
            <!--工具栏-->

            <!--modal-->
            <!-- 模态框（Modal） -->
            <div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="myModal" role="dialog"
                 tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button aria-hidden="true" class="close" data-dismiss="modal" type="button">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">选择扫描的用户配置</h4>
                        </div>
                        <div class="modal-body">

                            <form class="form-horizontal" id="scan_form" method="post">
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label required" for="">用户</label>
                                    <div class="col-sm-9">
                                        <select class="js-example-basic-single form-control val" name="scan_user">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label required" for="">版本</label>
                                    <div class="col-sm-9">
                                        <select class="js-example-basic-single form-control val" name="scan_version">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label required" for="">服务器</label>
                                    <div class="col-sm-9">
                                        <select class="js-example-basic-single form-control val" name="scan_server">
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label required" for="">远程路径</label>
                                    <div class="col-sm-9">
                                        <input class="js-example-basic-single form-control val" name="scan_path_remote"
                                               placeholder="要批量扫描的远程服务父路径" value="/opt/app">
                                    </div>
                                </div>
                            </form>

                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
                            <button class="btn btn-primary" onclick="modalConfirm()" type="button">确认</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <!--modal-->

            <!--列表-->
            <div th:insert="~{ /common/common_body:: list}"></div>
            <!--列表-->

            <!--用做信息的添加或者删除-->
            <form class="form-horizontal" id="add" method="post" style="display: none">
                <div class="panel panel-default" style="position: relative">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="typeTitle" style="display: inline-block">本地关联视图添加</h3>
                        <div style="position: absolute;right: 0.5%;top: 0.25%">
                            <button class="btn btn-primary" onclick="confirmVal()" style="" type="button">确定</button>
                            <button class="btn btn-danger" onclick="clearVal()" style="" type="button">清空</button>
                        </div>
                    </div>
                    <div class="panel-body">
                        <!--联动-->
                        <div class="form-group required">
                            <label class="col-sm-2 control-label" for="">用户本地模块版本</label>
                            <div class="col-sm-3">
                                <select class="js-example-basic-single form-control val" name="user">
                                </select>
                            </div>
                            <div class="col-sm-6">
                                <select class="js-example-basic-single form-control val" name="version">
                                </select>
                            </div>
                        </div>
                        <div class="form-group required">
                            <label class="col-sm-2 control-label" for="">本地模块</label>
                            <div class="col-sm-9">
                                <select class="js-example-basic-single form-control val" name="module">
                                </select>
                            </div>
                        </div>
                        <!--联动-->

                        <div class="form-group required">
                            <label class="col-sm-2 control-label" for="">服务器和远程视图</label>
                            <div class="col-sm-4">
                                <select class="js-example-basic-single form-control val" name="remote_server">
                                </select>
                            </div>
                            <div class="col-sm-5">
                                <select class="js-example-basic-single form-control val" name="remote_view">
                                </select>
                            </div>
                        </div>

                        <!--0:不忽视,1:忽视-->
                        <div class="form-group required">
                            <label class="col-sm-2 control-label" for="">忽视</label>
                            <div class="col-sm-9">
                                <label class="checkbox-inline">
                                    <input checked class="val no" name="ignore" type="radio" value="1"> 否
                                </label>
                                <label class="checkbox-inline">
                                    <input class="val yes" name="ignore" type="radio" value="0"> 是
                                </label>
                            </div>
                        </div>

                        <div class="form-group required">
                            <label class="col-sm-2 control-label" for="">描述</label>
                            <div class="col-sm-9">
                                <textarea class="form-control val" name="desc" placeholder="本地模块描述"
                                          type="text"></textarea>
                            </div>
                        </div>
                        <!-- 标准输出,隐藏;自定义输出,显示-->

                    </div>
                </div>
            </form>
            <!--用做信息的添加或者删除-->
        </div>
        <!--右侧主题部分 configEdit end-->

    </div>
</div>
</div>
<!--都要依赖的基础js-->
<div th:insert="~{ /common/common_foot:: base}"></div>
<!--表格相关-->
<div th:insert="~{ /common/common_foot:: table}"></div>
<!--提示框 alert confirm-->
<div th:insert="~{ /common/common_foot:: bootbox}"></div>
<!--导出表格-->
<div th:insert="~{ /common/common_foot:: export}"></div>
<!--行内编辑,放在表格初始化之后-->
<div th:insert="~{ /common/common_foot:: editable}"></div>

<script th:src="@{/assets/js/local/view/view.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/local/view/ajax.js}" type="text/javascript"></script>
</body>
</html>
